<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>个个中心-订单详情2.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome = 1">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta name="description" content="" />
<meta name="keywords" content="" />

<!-- reset -->
<link rel="stylesheet" href="../common/css/reset.css" media="screen" />
<!-- 依赖外部样式 -->
<link rel="stylesheet" href="css/components/title.css" media="screen" />

<!-- 本页面样式 -->
<link rel="stylesheet" href="css/pages/my-order-detail-2.0.css" media="screen" />
</head>
<body>
	<!--  wrap -->
	<div class="wrap clearfix">
		<div class="crumbs clearfix">
			<a>我的车享 </a><i>&gt;</i><a href="#">订单详情</a>
		</div>
		<!--  订单详情 -->
		<div class="com-wrap order-detail-wrap">
			<h4 class="com-title">订单详情</h4>
			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="order-detail">
				<tr>
					<td >
						<div class="order-detail-fl">
							<strong class="status-title">等待支付</strong>
							<div class="time-left">
								<i class="icon-clock">i</i>
								<span class="time">剩余<b class="red-color">1</b>小时<b class="red-color">23</b>分钟</span>
							</div>
			 				<a href="javascript:;" class="button-style">立即付款</a>
							<a href="javascript:;" class="button-style cancel-btn">取消订单</a>
						</div>
					</td>
					<td class="background-blue">
						<div class="order-detail-fr">
							<strong class="order-no">订单编号：123456789012345678</strong>
							<div class="order-time">订单创建时间：2016-5-5&nbsp;12:12:12</div>
							<ul class="order-progress clearfix">
								<li>提交订单</li>
								<li class="current">支付定金</li>
								<li>购买成功</li>
							</ul>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<!--  订单详情 -->
		<div class="com-wrap order-detail-wrap">
			<h4 class="com-title">订单详情</h4>
			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="order-detail">
				<tr>
					<td >
						<div class="order-detail-fl">
							<strong class="status-title">等待支付</strong>
							<div class="time-left">
								<i class="icon-clock">i</i>
								<span class="time">剩余<b class="red-color">1</b>小时<b class="red-color">23</b>分钟</span>
							</div>
			 				<a href="javascript:;" class="button-style">立即付款</a>
							<a href="javascript:;" class="button-style cancel-btn">取消订单</a>
						</div>
					</td>
					<td class="background-blue">
						<div class="order-detail-fr">
							<strong class="order-no">订单编号：123456789012345678</strong>
							<div class="order-time">订单创建时间：2016-5-5&nbsp;12:12:12</div>
							<ul class="order-progress four-steps clearfix">
								<li>提交订单</li>
								<li class="current">支付定金</li>
								<li>购买成功</li>
								<li>购买成功</li>
							</ul>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<!--  物流跟踪  -->
		<div class="com-wrap logistics-wrap">
			<table>
				<tr>
					<td class="logistics-info-td">
						<div class="logistics-info-box">
							<h4 class="com-title logistics-title">物流跟踪 </h4>
							<ul class="logistics-info">
								<li>物流状态：车辆已出库</li>
								<li>配送方式：安吉物流 </li>
								<li>物流运费：1000&yen;&nbsp;(运费限免)</li>
							</ul>
						</div>
					</td>
					<td class="vertical-line"></td>
					<td>
						<div class="logistics-log-box" >
							<ul class="logistics-log js_check-detail">
								<li class="log-list clearfix">
									<div class="log-time">2016-04-22 23:21:29</div>
									<div class="log-detail">车辆已出库，安吉物流配送</div>
								</li>
								<li class="log-list clearfix">
									<div class="log-time">2016-04-22 23:21:29</div>
									<div class="log-detail">车辆已出库，安吉物流配送</div>
								</li>
								<li class="log-list clearfix">
									<div class="log-time">2016-04-22 23:21:29</div>
									<div class="log-detail">车辆已出库，安吉物流配送</div>
								</li>
								<li class="log-list clearfix">
									<div class="log-time">2016-04-22 23:21:29</div>
									<div class="log-detail">车辆已出库，安吉物流配送</div>
								</li>
								<li class="log-list clearfix">
									<div class="log-time">2016-04-22 23:21:29</div>
									<div class="log-detail">车辆已出库，安吉物流配送</div>
								</li>
								<li class="log-list clearfix">
									<div class="log-time">2016-04-22 23:21:29</div>
									<div class="log-detail">车辆已出库，安吉物流配送</div>
								</li>
							</ul>
							<div class="check-more js_check_more clearfix">
								<span>全部状态</span>
								<i class="arrow"></i>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<!--  请选择提车经销商 -->
		<div class="com-wrap select-dealer-wrap">
			<h4 class="com-title">请选择提车经销商</h4>
			<form action="">
				<ul class="dealer-list">
					<li class="dealer-item">
						<label class="clearfix">
							<div class="dealer-btn">
								<input type="radio" name="dealer-id"  checked>
							</div>
							<div class="delear-info">
								<span>名称：江苏卓越汽车销售服务有限公司</span>
								<span>地址：江苏卓越汽车销售服务有限公司</span>
								<span>电话：400-920-2673</span>
							</div>
						</label>
					</li>
					<li class="dealer-item">
						<label class="clearfix">
							<div class="dealer-btn">
								<input type="radio" name="dealer-id" >
							</div>
							<div class="delear-info">
								<span>名称：江苏卓越汽车销售服务有限公司</span>
								<span>地址：江苏卓越汽车销售服务有限公司</span>
								<span>电话：400-920-2673</span>
							</div>
						</label>
					</li>
					<li class="dealer-item">
						<label class="clearfix">
							<div class="dealer-btn">
								<input type="radio" name="dealer-id" >
							</div>
							<div class="delear-info">
								<span>名称：江苏卓越汽车销售服务有限公司</span>
								<span>地址：江苏卓越汽车销售服务有限公司江苏卓越汽车销售服务有限公司江苏卓越汽车销售服务有限公司江苏卓越汽车销售服务有限公司江苏卓越汽车销售服务有限公司江苏卓越汽车销售服务有限公司</span>
								<span>电话：400-920-2673</span>
							</div>
						</label>
					</li>
					<li class="dealer-item clearfix">
						<input class="button-style" type="button" value="确认">
					</li>
				</ul>
			</form>
		</div>
		<!--  提车信息 -->
		<div class="com-wrap get-car-wrap">
			<h4 class="com-title">提车信息</h4>
			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="get-car-table">
				<tr>
					<td class="label">提车门店</td>
					<td>江苏卓越汽车销售服务有限公司</td>
				</tr>
				<tr>
					<td class="label">提车地址</td>
					<td>江苏卓越汽车销售服务有限公司</td>
				</tr>
				<tr>
					<td class="label">门店联系方式</td>
					<td>4008-020-666</td>
				</tr>
			</table>
		</div>
		<!--  商品信息 -->
		<div class="com-wrap spu-wrap">
            <h4 class="com-title"> 商品信息</h4>
            <div class="clearfix">

                <div class="spu-car-info">
                </div>

            </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="spu-car-table">
                        <tr>
                            <td rowspan="4" class="spu-car-show-td">
                                <div class="spu-car-show">
                                    <span class="spu-car-show-hide"></span>
                                    <img src="images/_temp/180x120.jpg" width="180" height="120"/>
                                    <div class="spu-car-show-gift">
                                        <div class="spu-gift-title">
                                            <i></i>
                                            <span class="spu-gift-title-txt">赠送礼包</span>
                                        </div>
                                        <div class="spu-gift-info">价值9999元，包括脚垫、贴膜、括脚垫、贴膜</div>
                                    </div>
                                </div>
                            </td>
                            <td class="width700">
                                君威 GS 2015款 2.0T GS燃情运动版<br/>
                                车身颜色：幻白<br/>
                                内饰颜色：白/黑<br/>
                            </td>
                            <td>
                                &yen;149,000
                            </td>
                        </tr>
                        <tr>
                            <td>
                                贷款首付<br/>
                                月供*分期
                            </td>
                            <td>
                                &yen;50,000<br/>
                                &yen;3,000*24
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="check-more  js_check_more"><span>保险总金额</span><i class="arrow"></i></div>
                                <div class="pay-cont js_check-detail">
                                        <div class="pay-cont-item">
                                                <span class="pay-cont-tit">交强险</span>
                                                <span class="pay-cont-txt">&yen;1100.00</span>
                                                <span class="pay-cont-tit">第三者责任险 </span>
                                                <span class="pay-cont-txt">&yen;1100.00</span>
                                                <span class="pay-cont-tit">车损险</span>
                                                <span class="pay-cont-txt">&yen;1800.00</span>
                                                <span class="pay-cont-tit"> 不计免赔特约险</span>
                                                <span class="pay-cont-txt">&yen;1800.00</span>
                                        </div>
                                </div>
                            </td>
                            <td>
                                &yen;5,000
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="check-more js_check_more"><span>购车税费</span><i class="arrow"></i></div>
                                <div class="pay-cont js_check-detail">
                                        <div class="pay-cont-item">
                                                <span class="pay-cont-tit">交强险</span>
                                                <span class="pay-cont-txt">&yen;1100.00</span>
                                                <span class="pay-cont-tit">第三者责任险 </span>
                                                <span class="pay-cont-txt">&yen;1100.00</span>
                                                <span class="pay-cont-tit">车损险</span>
                                                <span class="pay-cont-txt">&yen;1800.00</span>
                                                <span class="pay-cont-tit"> 不计免赔特约险</span>
                                                <span class="pay-cont-txt">&yen;1800.00</span>
                                        </div>
                                        <div class="pay-cont-item">
                                                <span class="pay-cont-tit">交强险</span>
                                                <span class="pay-cont-txt">&yen;1100.00</span>
                                                <span class="pay-cont-tit">第三者责任险 </span>
                                                <span class="pay-cont-txt">&yen;1100.00</span>
                                                <span class="pay-cont-tit">车损险</span>
                                                <span class="pay-cont-txt">&yen;1800.00</span>
                                                <span class="pay-cont-tit"> 不计免赔特约险</span>
                                                <span class="pay-cont-txt">&yen;1800.00</span>
                                        </div>
                                </div>
                            </td>
                            <td>
                                 &yen;5,000
                            </td>
                        </tr>
            </table>
</div>
		<!--  订单总额 -->
		<div class="order-detail-price clearfix">
			<div class="detail-price  clearfix">
				<table>
					<tr>
						<td class="label">落地首付：</td>
						<td>&yen;59,000</td>
					</tr>
					<tr>
						<td class="label">月供*分期：</td>
						<td>&yen;5,000*24</td>
					</tr>
					<tr>
						<td class="label">购车抵现券：</td>
						<td class="color-green">-&nbsp;&yen;1000</td>
					</tr>
					<tr>
						<td class="label">定金：</td>
						<td >&yen;999</td>
					</tr>
					<tr>
						<td class="label">尾款：</td>
						<td >&yen;58,000</td>
					</tr>
				</table>
			</div>
			<div class="line-through"></div>
			<div class="total-price clearfix">
				<label>应付尾款金额：</label><span class="color-red">&yen;200000</span>
			</div>

		</div>
	</div>
	<!-- 订单取消框样式 -->
	<!-- <div id="mdlCancelOrder" class="hide">
	      <div id="frmResnCancelOrder" name="frmResnCancelOrder" action="#" method="post" class="frmResnCancelOrder pos-rel"><i class="pos-abs"></i>
	        <h2 class="pos-abs">订单取消后将无法恢复，确认取消该订单吗？</h2>
	        <label class="pos-abs lblHeader">请选择取消订单的理由</label>
	        <input id="rdoa" type="radio" name="rdo" class="pos-abs rdo rdo_1">
	        <label for="rdoa" class="pos-abs lbl lbl_1">改变想法，不想购买</label>
	        <input id="rdob" type="radio" name="rdo" class="pos-abs rdo rdo_2">
	        <label for="rdob" class="pos-abs lbl lbl_2">订单信息填写错误</label>
	        <input id="rdoc" type="radio" name="rdo" class="pos-abs rdo rdo_3">
	        <label for="rdoc" class="pos-abs lbl lbl_3">经销商原因最终未完成交易</label>
	        <input id="rdod" type="radio" name="rdo" class="pos-abs rdo rdo_4">
	        <label for="rdod" class="pos-abs lbl lbl_4">已经通过其他渠道买车</label>
	        <input id="rdoe" type="radio" name="rdo" class="pos-abs rdo rdo_5">
	        <label for="rdoe" class="pos-abs lbl lbl_5">其他原因</label>
	        <button class="pos-abs btn btn-submit center">确认</button>
	      </div>
	  </div> -->
	<script src="../common/js/lib/jquery_1_8_3.js"></script>
	<script src="js/member/user-center/order.detail-2.0.js"></script>
</body>
</html>